/*** GLOBAL ***/
*:focus { outline: none; /* removes ugly dotted border but may make template more unsuable, up to you
if you want to keep it! */ }
form { margin: 0; padding: 0; }
hr { border-width: 0; height: 1px; line-height: 0; margin: 30px 0px; page-break-after: always; text-align: center; width: 100%; clear: both; color: #d9d9d9; background-color: #d9d9d9; background-repeat: repeat-x }
/* #Clearing
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }
/* You can also use a <br class="clear" /> to clear columns */
/*** END OF GLOBAL ***/
/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3 { margin-bottom: 20px; }
h4, h5, h6 { margin-bottom: 10px; }
h1 { font-size: 22px; line-height: 24px; }
h2 { font-size: 18px; line-height: 20px; }
h3 { font-size: 16px; line-height: 18px; }
h4 { font-size: 15px; line-height: 18px; }
h5 { font-size: 14px; line-height: 16px; }
h6 { font-size: 13px; line-height: 15px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal;color: #555 }
.valignmiddle { line-height: 45px; margin-bottom: 18px }
.uppercase { text-transform: uppercase; }
.title_pattern { background: url(../images/pattern_title.gif) repeat-x left center; font-size: 16px; text-align: center }
.title_pattern span { background: #fff; padding: 0 20px }
.pagetitle { font-size: 20px; color: #f6f6f6; margin: 0; text-transform: uppercase }
/* links */
a, a:visited { text-decoration: none; font-weight: normal; color: #4C4139; }
a img { border: none }
/* float align */
.alignleft, img.alignleft { display: inline; float: left; margin-right: 15px; margin-top: 3px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 15px; margin-top: 5px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.alignnone, img.alignnone { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top: 3px; }
img.alignleft, img.alignright, img.aligncenter, img.alignnone { margin-bottom: 12px; }
/* lists, blockquotes and paragraphs */
ul, li { list-style: none; }
img { margin: 0px; padding: 0px; border: none; }
blockquote { /*font-style:italic;*/ margin: 0px 0 20px 0px; padding: 0px 10px 0px 50px; background-image: url(../images/quote.png); background-repeat: no-repeat; background-position: 0px 0px; clear: both; font-size: 16px; line-height: 25px; font-style: italic }
blockquote.left, blockquote.right { float: right; letter-spacing: 0px; margin-bottom: 20px; margin-left: 20px; margin-top: 0px; padding: 0px 20px 10px 60px; width: 43%; background-position: 0px 0px; }
blockquote.left { float: left; margin-left: 0px; margin-right: 20px; }
blockquote p { margin-bottom: 0px; font-size: 16px; line-height: 20px }
/* code */
code { letter-spacing: 1px; margin: 25px 0 25px 0px; display: block; font-size: 0.9em; border-left: 4px solid #cfcfcf; padding: 15px 10px; }
/*** END OF DEFAULT ELEMENT STYLES ***/
* { margin: 0; padding: 0; list-style-type: none; }
a { blr:expression(this.onFocus=this.blur())
}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
:focus { outline: 0; }
label { cursor: pointer; }
img { vertical-align: middle; }
table { empty-cells: show; border-collapse: collapse; border-spacing: 0; }
h1 { font-size: 16px; }
h2, h3, h4 { font-size: 14px; }
h5, h6 { font-size: 12px; }
abbr, acronym { border: 0; font-variant: normal }
address, caption, cite, code, dfn, em, th, var, optgroup { font-style: normal; font-weight: normal }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
input, button, textarea, select { *font-size:100%
}
a, img { border: 0; }
a, a:visited { color: #5e5e5e; text-decoration: none; }
a:hover { color: #AF162B; text-decoration: underline; }
.clear { display: block; overflow: hidden; clear: both; height: 0; line-height: 0; font-size: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }/* End hide from IE-mac */
*+html .clearfix { min-height: 1%; }
body { font: 12px/180% Microsoft YaHei,sans-serif,"宋体",Arial,Lucida,Verdana, Helvetica; color: #4B4B46;background:url(img/index_r5_c1.png); }
/* shortcut */
.shortcut { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; }
*html, *html body /* 修正IE6振动bug */ { background-image: url(about:blank); background-attachment: fixed; }
*html .shortcut { position: absolute; top:expression(eval(document.documentElement.scrollTop));
}
.shortcut { height: 28px; line-height: 28px; font-size: 12px; background: #EEEEEE; text-transform: uppercase; box-shadow: 1px 0px 2px rgba(0,0,0,0.2); border-bottom: 1px solid #DDDDDD; }
.shortcut h1 { font-size: 14px; }
.shortcut a, .shortcut h1 { padding: 0px 10px; letter-spacing: 1px; color: #333; text-shadow: 0px 1px 1px #fff; display: block; float: left; }
.shortcut a:hover { background: #fff; }
.shortcut span.right { float: right; }
.shortcut span.right a { float: left; display: block; color: #ff6600; font-weight: 800; }
* { margin: 0; padding: 0; list-style-type: none; }
a, img { border: 0; }
.top_bg { width: 100%; height: 139px; background: url(img/top_bg.png) repeat-x; }
.top { width: 1001px; height:82px; margin: 0 auto; position: relative;}
#logo {width:210px; height: 82px; float: left; }
#top_txt{float:right; width:180px;height: 72px; text-align:right; padding-top:10px;}
.rexian{color:#B61518; font-size:20px;}
#nav { height:55px; padding-left:5px; background: url(img/nav_bg1.png) left; margin: 0 auto; margin-top:5px; }
ul.menu{width: 996px; height:45px; padding-top:5px; positioN:relative;z-index:110;}
ul.menu li{float:left;position:relative;zoom:1;}
ul.menu li a.M_a{display:block; width:124px; height:45px; float:left; background:url(img/aboutbg_r2_c12.png) no-repeat; line-height:45px; text-align:center; color:#fff; font-size:14px; font-weight:bold;}
ul.menu li a.M_a:hover,ul.menu li.selected a.M_a,ul.menu li a.H_a{ text-decoration:none; background:url(img/aboutbg_r2_c8.png) top no-repeat;color:#fff;}
ul.menu li ul{display:none;}
ul.level2{background:url(img/nav_1_r1_c1.png) no-repeat;left:0;top:44px;padding:10px 0px;width:124px;z-index:1900; }
/*ul.level2 li,ul.level3 li{widtH:100%;overflow:hidden;}*/
ul.level2 li a{background:url(img/nav_1_r2_c1.png) no-repeat;display:block;height:25px;color:#fff; line-height:25px;padding-top:0;text-align:center;width:124px;}
ul.level2 li a:hover,ul.level2 li a.N_a{background:#7F5004;width:124px;height:25px;color:#fff;text-decoration:none;}
.lastitem {width:124px;background:url(img/nav_1_r4_c1.png) no-repeat;display:block;height:12px; }
.level2{position:absolute;}
ul.level2 li a.T_a{display:block;}
/*** Banner by luo***/
.banner{ position:relative;}
.banner_top_bg{ position:absolute;left:0px; bottom:0px; /* background:url(../images/banner_bg1.png) no-repeat center; */ height:203px; width:100%; z-index:8;}
/*** CONTENT by luo ***/
.main { width:100%; min-height: 550px; margin: 0 auto; overflow:hidden;}
/*首页 主营业务模块*/
.i_yewu{ width:1001px; height:329px; margin:0 auto; margin-bottom:25px;}
.ul_yewu{ width:100%px; height:289px;}
.li_yewu{ width:129px; height:257px; padding:16px 14px; float:left; margin-right:3px;border:3px solid #CFD2D7;}
#li_last{ margin:0;}
.yewu_pic{}
.yewu_tit {width:128px; height:40px; line-height:44px; color:#727176; text-align:center; }
.yewu_tit a{ font-weight:bold; color:#727176; }
.yewu_txt{width:128px; height:83px;}
.yewu_bot{ width:128px; padding-top:8px; height:28px; text-align:center;}
/*** 成功案例部分 by luo ***/
.case_m{ font-size:16px; color:#97041B; font-weight:bold; width:1001px; height:35px;padding-top:5px;}
.case_m b{ font-size:12px; color:#81817F; font-weight:normal;}
.case_m span{ width:80px; font-size:12px;float:right; font-weight:normal; line-height:2.2;}
.case_m span a{color:#97041B;}
.i_chanpin{ width:1001px; height:250px; margin: 0 auto; overflow:hidden; }
.case_ul{ width:984px; height:183px; border:3px solid #CFD2D7;padding-left:11px; padding-top:20px;}
.case_li{ width:155px; height:165px; border:#CED2D7 solid 1px; float:left; margin-left:6px;}
.li_pic{ width:155px; height:137px; }
.li_txt{ text-align:center; height:36px; }
.li_txt a{ line-height:2.5;}
/*** 资讯和简介部分 by luo ***/
.i_box{ width:1001px; height:270px; margin:0 auto; margin-top:20px; margin-bottom:15px; }
.i_box1{ width:474px; height:270px; float:left;}
.i_news{ width:474px;height:270px; }
.n_tit1{ width:100%; font-size:16px; height:40px; font-weight:bold; color:#97041B;}
.n_tit1 b{font-size:12px; font-weight:normal;color:#81817F;}
.n_tit1 span{ float:right; font-size:12px; font-weight:normal;}
.n_tit1 a,.i_tit1 a{ color:#97041B;}
.i_news ul{ width:100%; height:219px;}
.i_news ul li{ padding-left:10px; line-height:2; border-bottom:#999 1px dashed; background:url(../images/indexbg_r8_c7.png) left no-repeat;}
.i_news ul li span{ float:right;}
.f_news{ height:124px;}
.n_pic{ width:147px; height:109px; padding:5px; background:url(../images/indexbg_r7_c3.png) no-repeat;float:left;}
.n_right{ width:300px; float:right;}
.n_tit{font-size:14px;border-bottom:#999 1px dashed; }
.n_tit a{color:#CD2425;}
.i_box2{ width:473px; height:270px; float:right;}
.i_about{ width:365px; height:219px;background:url(img/index_r7_c5.png) no-repeat; padding:0 54px;}
.about_con{ width:100%; height:114px; padding-top:15px; padding-bottom:15px;line-height:1.8;}
/*** 友情链接部分 by luo ***/
.i_links{ width:1001px; margin:0 auto; min-height:161px; }
.ul_links { width:98%; height:151px; border:3px solid #CFD2D7;padding-left:11px; padding-top:10px;}
.ul_links li{ width:175px; word-break:keep-all;height:24px; line-height:2;margin-right:20px; float:left; overflow:hidden; }
.ul_links li a{display:bolck;}
.i_links1{ width:1001px; margin:0 auto; min-height:71px; margin-top:20px;}
.ul_links1 { width:98%; height:51px; border:3px solid #CFD2D7;padding-left:11px; padding-top:10px;}
.ul_links1 li{ width:175px; word-break:keep-all;height:24px; line-height:2;margin-right:20px; float:left; overflow:hidden; }
.ul_links1 li a{display:bolck;}
/*** 内页部分 by luo ***/
/* sliderNav */
.main_box{ width:1001px; min-height:550px; overflow:hidden; margin:0 auto;}
#left_box{ width:250px; min-height:190px;float:left; }
.mulu{ width:100%; height:30px; background:url(img/about1_r1_c1.png) no-repeat; margin-top:10px; padding-left:30px; padding-top:10px; color:#fff; }
#left_box ul{ width:242px; height:252px;background:url(img/about1_r2_c2.png) top no-repeat; padding-top:10px; }
#left_li{ width:188px; height:40px; margin:auto; }
#left_li a{ padding-left:40px; height:37px;font-weight:normal; line-height:37px; color:#8F384C; font-size:14px; display:block;background:url(img/anniu2.png) no-repeat;}
#left_li a span{ font-size:14px; font-weight:normal; padding-right:20px;}
#left_li a:hover{ color:#4477C8;}
.left_lxfs{ width:242px; height:233px; background:url(img/about1_r5_c2.png) no-repeat; margin-bottom:10px;}
.lxfs_txt{ width:190px; padding:65px 0 0 30px; color:#989898; line-height:2;}
.right_box{ width:742px; min-height:500px; float:right; overflow:hidden;}
.con_tit{ width:702px; height:65px; background:url(img/aboutbg1_r1_c3.png) no-repeat;line-height:44px; padding-left:40px; font-size:16px; color:#2B50AD;}
.con_tit a{color:#666666;}
.con_tit span{ font-size:12px;color:#666666; padding-right:30px; float:right;}
.r_con{ width:692px; min-height:500px; padding:5px 25px; background:url(img/aboutbg1_r2_c3.png) repeat-y;}
.back{ width:79px; height:29px; margin:0 auto; margin-top:20px;}
/*** 内页新闻部分 by luo ***/
/*.r_news { width:610px; height:135px; }
.r_pic{ width:160px; height:130px; padding-left:5px; padding-top:5px; background:url(../images/news_bg_r1_c6_r2_c2.jpg) no-repeat; float:left;}
.p_news{ width:430px; height:135px; float:right; }
.p_tit{font-size:14px;border-bottom:#999 1px dashed; }
.p_tit a{color:#CD2425;}
.p_miaoshu{ line-height:2.3;}
*/
.r_con ul{ width:100%; overflow:hidden; margin:auto;}
.news_li{ width:97%; background:url(../images/news_r3_c3_r1_c1.png) no-repeat; border-bottom: dashed 1px #ccc; padding-left:15px; line-height:2.4;}
.news_li a{ display:block;}
.news_li a:hover{ background:#F1F1F1;}
.news_li span{ float:right;}
.view_tit{ font-size:18px; font-weight:bold; text-align:center; line-height:2.4; padding-top:20px;}
.view_time{text-align:center; border-top:1px #EEEEEE solid;border-bottom:1px #DFDFDF solid; margin-bottom:20px;line-height:2.4;}
.view_content{width:100%;}
.view_content p{width:100%;}
.cpjs {
margin-top:10px;
height: 32px;
line-height: 32px;
border: 1px solid #e9e9e9;
padding: 0px;
margin: 0px;
background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e6e3e3));}
.cpjs p {
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
overflow: hidden;
display: inline-block;
padding: 0px 0px 0px 8px;
margin: 0px;
font-weight: bold;
}
/*** 团队部分 by luo **
.r_team{ width:width:100%; min-height:197px; }
.team_pic{ width:214px; height:183px; border:2px solid #523C2E; float:left;}
.team_news{ width:374px; height:185px; float:right; }
.team_tit{font-size:18px; line-height:1.8;border-bottom:#999 1px dashed; }
.team_tit a{color:#CD2425;}
.team_miaoshu{ line-height:2.3;}
.team_case{ width:95%; height:45px; line-height:45px; color:#4C3C2F; font-weight:bold; border-bottom:2px solid #B59C87; margin:0 auto; margin-bottom:20px;}
*/
/*** 内页案例部分 by luo ***/
.an_li{ width:155px; height:168px; border:#CED2D7 solid 1px; float:left; margin-right:16px; margin-bottom:10px; }
.an_txt{ text-align:center;}
.an_txt a{ }
.view_pic{ width:100%px;}
.view_pic img{ padding: 3px; border: 3px solid #CBCBCB;}
/*******P********/
.Page{text-aligN:center;overflow:hidden;widtH:100%;heighT:28px;line-heighT:28px;margin:20px 0;}
.Page a{padding:2px 8px;border:1px solid #ccc;margin:0 5px;}
.Page a:hover{color:#fff!important;background:#6d6d6d;border:1px solid #6d6d6d;}
/*** FOOTER by luo***/
.footer_bg{ width:100%; height:225px; background:url(img/index2_r2_c11.png) no-repeat center; margin-top:27px;}
#footer { width:1001px; height:124px; padding-top:90px; margin:0 auto; color: #7B8596; clear: both; overflow: hidden;}
#footer ul{padding-left:210px;}
#footer li{ line-height:2.4;}
#footer a { color: #7B8596; }
#footer #footertext { height: 28px; position: relative; padding-top: 8px; clear: both; }
#footer #footertext a{ }
#footer #footertext a.atop { background: url(img/top.png) no-repeat left top; display: block; height: 39px; width: 58px; position: absolute; top: -130px; right: 0px; }
.footer_pic{position: absolute; top: -30px; right: 0px;}
.footer_bg1{ width:100%; background:url(img/index2_r3_c2.png) ;padding:10px 0; overflow: hidden; color:#fff}
.footer_copy{width:1001px; line-height:26px; margin:0 auto;}
.copy_txt{ float:left;}
.copy_right{float:right;}
.mod18Box {
overflow: hidden;
padding: 5px 0 10px;
width: 100%;
}
.relative {
position: relative;
}
.fl {
float: left;
}
.mod18 {
width: 100%;
height: 560px;
margin: 0px auto;
position: relative;
}
.mod18 .prev {
left: 0;
background: url(../images/pleft.jpg) center no-repeat;
}
.mod18 .btn {
position: absolute;
width: 28px;
height: 54px;
top: 473px;
cursor: pointer;
z-index: 99;
font-size: 50px;
font-weight: bold;
padding: 17px 22px;
border: 1px solid #e7e8e8;
}
.mod18 .next {
right: 0;
background: url(../images/pright.jpg) center no-repeat;
}
.mod18 #prevTop {
background: url(../img/prevBtnTop.png) 0 0 no-repeat;
}
.mod18 #prevTop, .mod18 #nextTop {
top: 140px;
width: 46px;
height: 48px;
display: none;
}
.mod18 #nextTop {
background: url(../img/nextBtnTop.png) 0 0 no-repeat;
}
.mod18 .picBox {
height: 467px;
position: relative;
overflow: hidden;
}
.mod18 .picBox ul {
height: 467px;
position: absolute;
}
.mod18 .picBox li {
width: 692px;
height: 467px;
}
.mod18 .cf li {
position: relative;
color: #fff;
}
.mod18 li {
float: left;
}
.mod18 .cf a {
display: block;
width: 692px;
height: 467px;
position: absolute;
color: #fff;
}
.mod18 .listBox {
width: 502px;
height: 89px;
margin: 0 auto;
position: relative;
padding: 6px 0 0px;
overflow: hidden;
}
.mod18 .listBox ul {
height: 100px;
position: absolute;
}
.mod18 .listBox li {
width: 141px;
height: 89px;
cursor: pointer;
position: relative;
}
.mod18 .listBox .on i {
display: block;
}
.mod18 .listBox li i {
display: none;
}
.mod18 .listBox .on img {
width: 130px;
height: 83px;
border: 3px solid #ff6600;
}
.mod18 .listBox li img {
width: 136px;
height: 89px;
}
.pro_page {
display: block;
margin: 15px auto;
position: relative;
height:17px;
}
.pro_page .pro_page_fl {
float: left;
width: 50%;
}
.pro_page .pro_page_fr {
float: right;
width: 46%;
}
.pro_page a {
font-size: 12px;
color: #333;
display: block;
}
.pro_page b {
float: left;
}